<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <style>
        .drop-down1:hover,
        .drop-down1:active {
            overflow: hidden;
            height: 135px;
        }

        .drop-down1 {
            overflow: hidden;
            height: 30px;
            text-align: center;
        }

        .navigation-bar-font {
            font-size: 15px;
            color: #fff9ec;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }

        .head-div1 {
            width: 100%;
            min-height: 120px;
            background: #272831;
            display: inline-block;
            position: sticky;
            top: 0px;
        }

        .logo {
            float: left;
            height: 50px;
            margin-left: 35px;
            margin-top: 15px;
        }

        .ul1>ul>li {
            display: block;
            color: #fff;
            font-size: 21px;
            margin-right: 30px;
            float: right;
            margin-top: 30px;
        }


        .company {
            height: 40px;
            background-color: #ffc900;
            text-align: center;
            line-height: 40px;
            font-size: 8px;
        }

        .row .img-responsive {
            width: 100%;
            height: 130px;
            margin: 0px auto;
        }

        /* 搜索框左侧图片 */
        .col-md-3 .img-responsive {
            height: 60px;
        }

        .col-md-4 .img-responsive {
            height: 60px;
            width: 250px;
        }


        .company {
            height: 320px;
            background-color: #272831;
            line-height: 40px;
            font-size: 8px;
        }

        .row .img-responsive {
            width: 100%;
            height: 130px;
            margin: 0px auto;
        }

        /* 搜索框左侧图片 */
        .col-md-3 .img-responsive {
            height: 60px;
        }

        .col-md-4 .img-responsive {
            height: 60px;
            width: 250px;
        }



        .underground {
            margin-left: 340px;
            width: 850px;
            height: 300px;
            color: white;
        }

        .underground-1 {

            border-bottom: solid 1px #3d3d47;
            line-height: 60px;
            height: 60px;
            width: 850px;
            color: white;
        }

        .underground1 {
            display: inline-block;
            line-height: 60px;
            height: 60px;
            width: 120px;
            font-size: 14px;
            letter-spacing: 1.07px;
            color: white;
        }


        .underground2 {

            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            line-height: 60px;
            height: 60px;
            width: 100px;
            float: left;
        }

        .div4 {
            float: left;
            margin-top: 15px;
            height: 30px;
            width: 5px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground3 {
            float: left;
            font-size: 12px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            line-height: 60px;
            height: 60px;
            width: 250px;
        }

        .underground4 {
            float: right;
            margin: 0;
            line-height: 60px;
            height: 60px;
            width: 30px;
        }

        .underground5 {
            margin-right: 20px;
            float: right;
            line-height: 60px;
            height: 60px;
            width: 30px;
        }

        .underground6 {
            margin-right: 20px;
            float: right;
            width: 26px;
            height: 55px;
            line-height: 55px;
        }

        .underground7 {

            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground8 {
            margin-left: 3px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground9 {
            margin-left: 3px;
            border-right: 1px solid rgb(126, 128, 138);
        }

        .underground10 {
            margin-left: 3px;
        }


        * {
            margin: 0;
            padding: 0;
        }


        .footer .foot-nav {
            padding-bottom: 24px;
            border-bottom: 1px solid #3d3d47;
        }

        .foot-nav>ul>li {
            font-family: Arial, '微软雅黑', 'Microsoft YaHei';
            font-size: 14px;
            color: #FFFFFF;
            letter-spacing: 0.8px;
            float: left;
            width: 120px;
            text-align: center;
        }

        /*  */
        ul,
        li {
            list-style: none;
        }

        .foot-nav>ul>li>ul>li {
            font-size: 12px;
            color: #7e808a;
        }

        * {
            margin: 0;
            padding: 0;
        }

        .foot-nav>ul>li>ul {
            padding-top: 10px;
        }

        .div2 {
            height: 210px;
            border-bottom: 1px solid #3d3d47;
        }

        .div1 {
            height: 210px;
            width: 850px;
        }

        .div3 {
            height: 30px;

        }

        .a1 {

            font-size: 12px;
            color: #7E808A;
            letter-spacing: 0.8px;
            line-height: 24px;
            padding-top: 5px;
            padding-bottom: 5px;
            display: block;
        }



        .a1:hover,
        .a1:active {
            text-decoration: none;
            color: #D1DCE2;
        }
        .szhl{
            font-family: "Lucida Calligraphy", cursive, serif, sans-serif;
            font-size: 50px;
            margin-top: 15px;
        }

    </style>
</head>

<body style="width: 100%;text-align: center;margin: 0 auto;background-image: url(/layui/picture/background.jpg);background-repeat: no-repeat;background-size: 100% 100%;background-attachment: fixed">
<header>
    <div class="head-div1">
        <div class="head-div2">
            <img th:src="@{/layui/picture/logo.png}" alt="" class="logo">

            <div class="ul1">
                <ul>
                    <li class="drop-down1">管理员
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='overview.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/listhtml}" style="color: #B5FFF8">后台数据</a>

                            </li>

                            <li onclick="location.href='celebrity.html'" style=" cursor:pointer;">
                                XXXX
                            </li>

                            <li onclick="location.href='folk-custom.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">景区公告
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='Accommodation.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/one}" style="color: #B5FFF8">景区公告</a>

                            </li>
                            <li onclick="location.href='cate.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='add.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='entertainment.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">文化活动
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='culture.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/culture}" style="color: #B5FFF8">文化活动</a>
                            </li>
                            <li onclick="location.href='culture.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='broadcast.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">红旅商城
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='video.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/shopping}" style="color: #B5FFF8">红旅商城</a>
                            </li>
                            <li onclick="location.href='picture.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='fell.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">特色美食
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='one.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/cate}" style="color: #B5FFF8">特色美食</a>
                            </li>
                            <li onclick="location.href='two.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='three.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">景区概述
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='sev.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/overview}" style="color: #B5FFF8">景区概述</a>
                            </li>
                            <li onclick="location.href='eig.html'" style=" cursor:pointer;">
                                XXX
                            </li>
                            <li onclick="location.href='nin.html'" style=" cursor:pointer;">
                                XXX
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="drop-down1">首页
                        <ul class="navigation-bar-font">
                            <li onclick="location.href='HomePage.html'" style=" cursor:pointer;">
                                <a th:href="@{/user/HomePage}" style="color: #B5FFF8">用户首页</a>

                            </li>
                            <li onclick="location.href='fif.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                            <li onclick="location.href='six.html'" style=" cursor:pointer;">
                                XXXX
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</header>


<div class="szhl">欢迎光临数字红旅智慧管理系统</div>
<div>
    <a th:href="@{/user/HomePage}" class="layui-btn layui-btn-primary layui-border-black">首页</a>
    <a th:href="@{/user/index}" class="layui-btn layui-btn-primary layui-border-black">退出</a>
</div>
 <table  class="layui-table" style="width: 800px;text-align: center;margin: 0 auto;margin-top: 25px;margin-bottom: 25px">
     <thead>
     <th>id</th>
     <th>姓名</th>
     <th>年龄</th>
<th>操作</th>
     </thead>

     <tbody>
     <tr th:each="user : ${userList}">
     <td>[[${user.id}]]</td>
     <td>[[${user.name}]]</td>
     <td>[[${user.age}]]</td>
         <td>
<!--           跳转至application的方法-->
             <a th:href="@{/user/add}" class="layui-btn">新增</a>
             <a th:href="'/user/edit/'+${user.id}+'/'+${user.name}+'/'+${user.age}" class="layui-btn layui-btn-normal">修改</a>
             <a th:href="'/user/delete/'+${user.id}" class="layui-btn layui-btn-danger">删除</a>
         </td>
     </tr>
     </tbody>
 </table>

<!--3.页脚部分-->
<footer class="container-fluid">
    <!-- <div class="row">
<img src="" class="img-responsive">
</div> -->

    <div class="row company" style="font-size: 10px;">
        <div class="underground">
            <!--    尾部首行-->
            <div class="underground-1">

                    <span class="underground1">
                        关于我们
                    </span>
                <span class="underground2">
                        18759622000
                    </span>
                <div class="div4"></div>
                <span class="underground3">
                        福建省泉州市晋江市数字红旅有限公司
                    </span>
                <img th:src="@{/layui/picture/微信.svg}" class="underground4">
                <img th:src="@{/layui/picture/微博.svg}" class="underground5">
                <img th:src="@{/layui/picture/旅行.svg}" class="underground6">

            </div>
            <!--            分栏-->
            <div class="div2">
                <div class="div1">
                    <div class="foot-nav">
                        <ul class="cl">
                            <li>地方之旅
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="overview.html">概述</a>
                                    <a class="a1" style="text-decoration: none" href="celebrity.html">名人</a>
                                    <a class="a1" style="text-decoration: none" href="folk-custom.html">民俗</a>
                                </ul>
                            </li>
                            <li>玩乐技巧
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="Accommodation.html">住宿</a>
                                    <a class="a1" style="text-decoration: none" href="cate.html">美食</a>
                                    <a class="a1" style="text-decoration: none" href="add.html">商品</a>
                                    <a class="a1" style="text-decoration: none" href="entertainment.html">休闲娱乐</a>
                                </ul>
                            </li>
                            <li>文化之城
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="culture.html">文化活动</a>
                                    <a class="a1" style="text-decoration: none" href="culture.html">直播</a>
                                    <a class="a1" style="text-decoration: none" href="broadcast.html">网红体验</a>
                                </ul>
                            </li>
                            <li>我们的故事
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="video.html">影集</a>
                                    <a class="a1" style="text-decoration: none" href="picture.html">图集</a>
                                    <a class="a1" style="text-decoration: none" href="fell.html">体会</a>
                                </ul>
                            </li>
                            <li>活动公告
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="one.html">景区公告</a>
                                    <a class="a1" style="text-decoration: none" href="two.html">景区活动</a>
                                    <a class="a1" style="text-decoration: none" href="three.html">新闻动态</a>
                                </ul>
                            </li>
                            <li>出行锦囊
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="sev.html">游记攻略</a>
                                    <a class="a1" style="text-decoration: none" href="eig.html">服务</a>
                                    <a class="a1" style="text-decoration: none" href="nin.html">交通信息</a>
                                </ul>
                            </li>
                            <li>服务优化
                                <ul>
                                    <a class="a1" style="text-decoration: none" href="four.html">问题解答</a>
                                    <a class="a1" style="text-decoration: none" href="fif.html">宾客意见</a>
                                    <a class="a1" style="text-decoration: none" href="six.html">问卷调查</a>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="div3">
                <span class="underground7">版权声明 </span>
                <span class="underground8">网站地图 </span>
                <span class="underground9">友情链接 </span>
                <span class="underground10">媒体专区 </span>
            </div>
        </div>


    </div>

</footer>

</body>
</html>